/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
.navbar-fixed-top { position:fixed; top:0; right:0; left:0; z-index:1030 }
.mobile_menu_box{ display: none; }

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
.navbar-fixed-top { position:relative; top:0; right:0; left:0; z-index:1030 }
.home_content_page{ clear: both; width: 100%;  margin: 0px; padding: 0px;}
.home_content_box{ clear: both; width: 100%; margin: 0px; padding: 0px; }
.home_left_box{ clear: both; width: 100%; margin: 0px; padding: 0px; }
.home_right_box{ clear: both; width: 100%; margin: 0px; padding: 0px;  }
.home_center_box{ clear: both; width: 100%;  margin: 0px; padding: 0px;}
.sub_content_box{ clear: both; width: 100%;  margin: 0px; padding: 0px;}
.top_header_box{ width: 100%;}
.footer_box{ width: 94%; margin: 0px; padding-top: 0px; padding-right: 3%; padding-bottom: 0px; padding-left: 3%; }
.footer_icon ul{ width: 100%; clear: both; float: left; text-align: left; }
#top_icon{ clear: both; float: left; width: 94%; position: relative; padding-right: 3%; padding-left: 3%; }
#top_icon ul{display: none; }
.addthis_toolpage{ float: left; clear: both; }
.advertising_main_box{ width: 94%; padding-right: 3%; padding-left: 3%; padding-top: 10px; padding-bottom: 10px; }
.advertising_main_box .h1_banner{ clear: both; position: relative; float: left; width: 100%;display: none; }

.advertising_main_box h1{ position: relative; color: #023d8b; margin: 0px; top: 0px; width: 98%; left: 0px; padding-top: 8px; padding-right: 1%; padding-bottom: 0px; padding-left: 1%; font-size: 22px; line-height: 1.68em; clear: both; display: block; }
.advertising_main_box h1 img{ width: 100%; }
.advertising_main_box p{ position: relative; color: #666; margin: 0px; top: 0px; width: 98%; left: 0px; padding-top: 0px; padding-right: 1%; padding-bottom: 10px; padding-left: 1%; font-size: 13px; line-height: 1.68em; display: block; clear: both; }
.advertising_main_box .mobile_banner{ left: 0px; top: 0px; z-index: 0; display: block; }
.advertising_main_box .mobile_banner img{ width: 100%; }

.mobile_menu_box{ display: block; width: 94%; clear: both; padding-right: 3%; padding-left: 3%; padding-top: 8px; padding-bottom: 8px; }
.mobile_menu_box select{ font-size: 16px; width: 100%; }
.menu_box{ height: auto; display: none; }
/*.menu{height: auto;}
.menu ul { width: 100%; height: auto; }
.menu ul li { text-align: center; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #333; border-left-color: #A7A7A7; float: none; }
.menu ul li a, .menu ul li a:link, .menu ul li a:visited { height: 38px; display: block; font-family: "微軟正黑體", "新細明體", "細明體", Arial; font-size: 15px; padding-right: 16px; padding-left: 16px; color: #FFF; line-height: 38px; }
.menu ul li a:hover { color: #FFF; background-image: url(../images/menu_on_bg.png); background-repeat: no-repeat; background-position: center top; }*/

.home_ae_970_90_box{ width: 94%; margin: 0px; padding-top: 0px; padding-right: 3%; padding-bottom: 0px; padding-left: 3%; }
.home_ae_970_90_box img{ width: 100%; }

.main_latest_one_box { width: 94%; margin: 0px; padding-top: 0px; padding-right: 3%; padding-bottom: 0px; padding-left: 3%; }
.main_latest_one_box .photo_box{ width: 100%; margin: 0px; padding: 0px; }
.main_latest_one_box .photo_one{width: 100%; margin: 0px; padding: 0px;}
.main_latest_one_box .txt_box{ width: 100%;}
.main_latest_one_box .photo_one img{ width: 100%; margin: 0px; padding: 0px; }

.right_news_one_box{ width: 94%; margin: 0px; padding-top: 8px; padding-right: 3%; padding-bottom: 0px; padding-left: 3%; }
.right_news_one_box .photo{width: 100%;margin: 0px; padding: 0px; }
.right_news_box{width: 94%; margin: 0px; padding-top: 8px; padding-right: 3%; padding-bottom: 0px; padding-left: 3%;}
.main_news_box{width: 94%; margin: 0px; padding-top: 8px; padding-right: 3%; padding-bottom: 0px; padding-left: 3%;}
.qr_code_page{ display: none; }

.news_detailed .photo_box{ clear: both; width: 100%; }
.news_detailed .photo{ width: 100%; margin: 0px; padding: 0px; }
.news_detailed .title span{ clear: both; display: block; margin: 0px; padding: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
.edit_box img{ width: 100%; }

.main_news_box_Quiz .TITLE{background-image:url(); height:36px; background-repeat:repeat-x; background-position:bottom; padding-bottom:10px;}
.main_news_box_Quiz .TITLE .subject{ width: 98%; margin: 0px; font-size: 24px; height:40px; padding-bottom: 5px; display: none; background-image: url(../images/title_Quiz.jpg); background-repeat: no-repeat; background-position: left top; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; text-indent:-999em;}
.main_news_box_Quiz .content .edit_box{ width:90%; padding-top: 20px; padding-right: 5%; padding-bottom: 30px; padding-left: 5%; }
.main_news_box_Quiz .content .edit_box .TEXTBOX{ display:block; width:100%; padding-bottom:20px; }
.main_news_box_Quiz .content .edit_box .TEXTBOX p{font-size:15px; line-height:1.7em;}

.main_news_box_Quiz .content .edit_box .TEXTBOX2{ display:block; width:100%; }
.main_news_box_Quiz .content .edit_box .TEXTBOX p{font-size:15px; line-height:1.7em;}
.main_news_box_Quiz .content .edit_box2 .trcolor1{ background-color:#d9dafb; height:50px;}
.main_news_box_Quiz .content .edit_box2 .trcolor2{ background-color:#FFFFFF;}
.main_news_box_Quiz .content .edit_box2 .trcolor3{ background-color:#FFFFFF;}


	
	
/*何謂「吸石清雷射手術」*/
.main_news_box_Intro .TITLE{background-image:url(); height:36px; background-repeat:repeat-x; background-position:bottom; padding-bottom:10px;}
.main_news_box_Intro .TITLE .subject{ width: 98%; margin: 0px; font-size: 24px; height:40px; padding-bottom: 5px; display: none; background-image: url(../images/); background-repeat: no-repeat; background-position: left top; text-indent:-999; }
	
.main_news_box_Intro .content{  }
.main_news_box_Intro .content .edit_box{ display: none; padding:0px; width:100%; margin: 0px; }
.main_news_box_Intro .content .phone_box { padding:2%; width:96%; background-color: #FFFFFF; font-size: 16px; line-height: 1.9em;  }
	

/*腎結石形成原因與常見症狀*/
.main_news_box_Situation .TITLE{background-image:url(); height:100px; background-repeat:repeat-x; background-position:bottom; padding-bottom:10px;}
.main_news_box_Situation .TITLE .subject{ width: 98%; margin: 0px; font-size: 24px; height:40px; padding-bottom: 5px; display: block; background-image: url(../images/); background-repeat: no-repeat; background-position: center top; text-indent:-999em;}

.main_news_box_Situation .content{ }
.main_news_box_Situation .content .edit_box{ display: none; padding:0px; width:100%; margin: 0px; }
.main_news_box_Situation .content .phone_box { padding:2%; width:96%; background-color: #FFFFFF; font-size: 16px; line-height: 1.9em;  }
	
	
	
/*腎結石日常衛教*/
.main_news_box_DailyCare .TITLE{background-image:url(); height:36px; background-repeat:repeat-x; background-position:bottom; padding-bottom:10px;}
.main_news_box_DailyCare .TITLE .subject{ width: 98%; margin: 0px; font-size: 24px; height:40px; padding-bottom: 5px; display: none; background-image: url(../images/); background-repeat: no-repeat; background-position: left top; text-indent:-999; }
	
.main_news_box_DailyCare .content{  }
.main_news_box_DailyCare .content .edit_box{ display: none; padding:0px; width:100%; margin: 0px; }

.main_news_box_DailyCare .content .phone_box { background-color: #FFFFFF;  }
.main_news_box_DailyCare .content .phone_box ol { color: #63b5d3; font-size: 16px; line-height: 1.9em;}
.main_news_box_DailyCare .content .phone_box ol li span { color: #4D4D4D; }
	
	
	
/*醫療院所地圖*/
.main_news_box_Map .TITLE{background-image:url(); height:36px; background-repeat:repeat-x; background-position:bottom; padding-bottom:10px;}
.main_news_box_Map .TITLE .subject{ width: 98%; margin: 0px; font-size: 24px; height:40px; padding-bottom: 5px; display: none; background-image: url(../images/); background-repeat: no-repeat; background-position: left top; text-indent:-999; }
	
.main_news_box_Map .content{}
.main_news_box_Map .content a{ font-size:14px; color:#666;}
.main_news_box_Map .content a:hover{ color: #66C;}

.main_news_box_Map .content .edit_box{ display: none;padding:20px 45px 20px 45px; width:910px; height:760px; background-image:url(../images/5_map_m.jpg); background-repeat:no-repeat;  position: relative; }
.main_news_box_Map .list_box{ clear: both; float: left; width: 90%; margin-right: 5%; margin-left: 5%; margin-bottom: 20px; }
.main_news_box_Map .list_box .maptag_title{ padding-top: 5px; padding-bottom: 2px; clear: both; float: left; width: 94%; background-color: #DBDBDB; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; display: block; padding-right: 3%; padding-left: 3%; font-weight: bold; }
.main_news_box_Map .list_box .maptag{ float: left; width: 47%; padding-top: 0px; padding-right: 0%; padding-bottom: 0px; padding-left: 3%; }
	
	
	


.phone_box{ display: block; width: 100%; padding: 0%;}
.phone_box img{clear: both; height: auto; width: 100%; }
.phone_box .list{ padding-bottom: 20px; }
.phone_box .line{ width: 90%; padding-top: 8px; padding-right: 0%; padding-bottom: 8px; padding-left: 0%; clear: both; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; margin-right: 5%; margin-left: 5%; }
.phone_box .line a{ color: #333; }
.subject_photo{ height: auto; width: 100%; }

.mobile_subject{ background-image: url(../images/); background-color: #63b5d3; background-repeat: no-repeat; background-position: left top; display: block; height: 60px; padding-left: 10px; clear: both; color: #FFF; font-size: 22px; line-height: 47px; }
.mobile_subject2{ background-image: url(../images/); background-color: #FFF; background-repeat: no-repeat; background-position: left top; display: block; height: 60px; padding-left: 10px; clear: both; color: #303030; font-size: 22px; line-height: 47px; }





/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
		
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.sub_content_page{ padding-top:0px;}
.news_detailed img{ clear: both; height: auto; width: 100%; margin: 0px!important; padding: 0px!important; }
.news_detailed .photo_box{ clear: both; width: 100%; }
.news_detailed .photo{ width: 100%; margin: 0px; padding: 0px; }
.news_detailed .title span{ clear: both; display: block; margin: 0px; padding: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/